import { createRouter, createWebHashHistory } from "vue-router";
import Layout from "../views/Main.vue";
import Login from "../views/login/index.vue";

const routes = [
  {
    path: "/",
    component: Layout,
  },
  {
    path: "/login",
    component: Login,
  },
];

const router = createRouter({
  // 路由模式 hash memory HTML5也被叫做history
  // hash 模式在路由切换的时候，带有#，不会刷新页面，不会发送请求，直接更新路由页面
  // memory 模式在服务端渲染会用到
  // history 模式在上线的时候会用的比较多，没有#，进行切换会刷新页面发送请求
  // 路由数据
  routes,
  history: createWebHashHistory(),
});

export default router;
